<template>
	<view class="myshowmodel">
		<view class="showModel">
			<view class="model-title">{{showModel.title}}</view>
			<view class="model-body">
				<view class="model-content"><view>{{showModel.message}}</view></view>
			</view>
			<view class="model-footer">
				<button class="cencel" plain="true" @click="changeTips">取消</button>
				<button class="sure" open-type="share" plain="true" @tap="goShare">确定</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				openTip:false,
			}
		},
		name: 'MyShowModel',
		props: {
			showModel: {
				default: () => {}
			},
			
		},
		methods: {
			changeTips(){
				this.$emit("getValue");
			},
			goShare(){
				this.$emit("getValues");
			},
			
		}
	}
</script>

<style lang="less">
  .myshowmodel{
	  width: 100vw;
	  height: 100vh;
	  font-size: 38.5rpx;
	  background-color: rgba(0,0,0,0.7);
	  color: #333333;
	  position: fixed;
	  z-index: 2;
	  top: 0;
	  left: 0;
    .showModel{
		  position: absolute;
		  width: 500rpx;
		  z-index: 3;
		  top: 300rpx;
		  left: 125rpx;
		  text-align: center;
		  background-color: #ffffff;
		  border: 25rpx;
		  border-radius: 15rpx;
	  }
	  .model-title{
		  height: 80rpx;
		  line-height: 80rpx;
		  background-color: #fa8754;
		  color: #ffffff;
		  border-top-left-radius: 15rpx;
		  border-top-right-radius: 15rpx;
	  }
	  .model-body{
		  min-height: 160rpx;
		  color: #333333;
		  font-size: 36rpx;
		  display: flex;
		  flex-direction: column;
		  justify-content: space-around;
	  }
	  .model-footer{
		  height: 80rpx;
		  line-height: 80rpx;
		  font-size: 27.25rpx;
		  border-bottom-left-radius: 15rpx;
		  border-bottom-right-radius: 15rpx;
		  margin-bottom: 50rpx;
		  button{
			width: 200rpx;
			margin: 0 24rpx;
			border: 1rpx solid #fa8754;
			color: #1a1a1a;
			display: inline-block;
			height: 80rpx;
			line-height: 80rpx;
			font-size: 27rpx;
			padding: 0;
			border-radius: 40rpx;
			letter-spacing: 0.5em;
		  }
		  .sure{
			  color: #ffffff;
			  background-color: #fa8754;
		  }
	  }
  }
</style>
